﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:Hiragino Sans GB,Driod Sans Fallback,Microsoft YaHei,Helvetica,'黑体';-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
html { overflow-x:hidden; font-family:Hiragino Sans GB,Driod Sans Fallback,Microsoft YaHei,'黑体';}
body { font-size:100px; height: 100%; color:#474843; background:#fff; font-family:Hiragino Sans GB,Driod Sans Fallback,Microsoft YaHei,'黑体';-webkit-text-size-adjust: 100% !important;}


@charset "utf-8";
html{ font:normal 62.5%/2.3em "微软雅黑",Arial,"宋体"; height:100%;}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top; width:auto; height:auto;}
a{ noline:-webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration: none;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}

#all{ width:100%; max-width:750px; overflow:hidden; font-size:50%; margin: 0 auto;}

img{ width:100%; display:block;}

/*图片居中*/
.jzimg{ display:table-cell; *display:block; overflow:hidden;  text-align:center; vertical-align:middle;}
fieldset, img { border:0; vertical-align:middle}

.jzimg img,.jzimg i{vertical-align:middle; max-width:100%; max-height:100%;}
.jzimg i{height:100%; display:inline-block;}

ul,li{ list-style:none;}
table { border-collapse: collapse; border-spacing: 0; }
/*a 链接*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #666; font-family:Hiragino Sans GB,Driod Sans Fallback,Microsoft YaHei,Helvetica,'黑体';}


.home_btn{ width:7.36em; height: 7.36em; margin:0 auto; overflow: hidden; position: relative; margin-top: 0.07em;}
.home_btn a{ position: absolute;; }
.home1,.home2,.home5,.home6,.home7,.home8,.home9,.home10{ width:1.7em;}
.home3,.home4{ width:3.54em;}

.home1,.home2,.home3{ top: 0.07em; }
.home4{ top: 1.91em; }
.home5,.home6{ top: 3.75em;}
.home7,.home8,.home9,.home10{ top: 5.59em;}

.home1,.home4,.home7{ left: 0.07em}
.home2,.home7{ left: 1.91em}
.home3,.home5,.home9{ left: 3.75em}
.home6,.home10{ left: 5.59em}

.home_btn dl{ width:100%; padding-bottom: 100%; position: relative; }
.home_btn dt,.home_btn dd{ width:100%; height: 100%; position: absolute;; left: 0; top: 0; }
.home_btn dd img{ width:1em; margin:0.1em auto 0 auto; }
.home_btn dd p{ width:100%; font-size:0.3em; line-height: 1.6em; text-align: center; color: #fff; position: absolute;; left: 0; top: 60%;}
.home_btn dt{ height: 100%; }
.home3 dd img,.home4 dd img{ position:absolute; right:0.34em; top: 1.23em; margin:0;}

.home3 dd p,.home4 dd p{ width: auto; left: 10%; top: 37.3%;}
.home3 dd span,.home4 dd span{ position: absolute; left: 10%; top: 52%; font-size: 0.28em; line-height: 1.4em; color: #ebe3db;}


.login{ width:90%; margin: 0 auto;}
.login input{ width:100%; height: 2.6em; font-size: 0.36em; background:#eee; display: block; margin-top: 1em; border-radius: 5px; padding: 0 0.5em;}
.login button{ width:100%; height: 2.6em; font-size: 0.36em; background:#048ba8; display: block; margin-top: 1em; border-radius: 5px; color: #fff; border: 0;}

.login_text{ width:90%; margin:1.4em auto 0 auto; }
.login_text p{ font-size: 0.26em; color: #7e7e7e; line-height: 1.77em; }

.info{ width:90%; margin:0.4em auto 0 auto; overflow: hidden; padding-bottom: 0.5em;}
.info_tit{ font-size:0.3em; color: #048ba8; line-height: 2em; text-align: center;;}

.info dl{ margin-top: 0.4em; }
.info dt{ font-size:0.3em; color: #898989; line-height: 1.5em; }
.info dd{ margin-top:0.1em; overflow: hidden;}
.info dd input[type='text'],.info dd input[type='number']{ width:100%; height: 2.4em; border:1px solid #dcdcdc; border-radius: 0; display: block; font-size: 0.3em; padding: 0 0.5em;}
.info dd select{ width:100%; height: 2.4em; border:1px solid #dcdcdc; border-radius: 0; display: block; font-size: 0.3em; padding: 0 0.5em;}
.info button{ width:100%; height: 2.5em; margin-top: 2.2em; font-size: 0.36em; color: #fff; background: #048ba8; border: 0; border-radius: 0;}
.info dd label{ font-size:0.3em; line-height: 2.5em; padding: 0 1em 0 1.2em; position: relative; margin-right: 1em;}



.sexs input[type="radio"]{appearance: none; -webkit-appearance: none;outline: none;display:none;}
.sexs label{ float: left;}
.sexs label input[type="radio"] + span{width:1em;height:1em;display:inline-block;background:url(../images/sex.png)  no-repeat 0 bottom; background-size: 100% auto; position: absolute;left: 0;top: 0.7em;}
.sexs label input[type="radio"]:checked + span{background:url(../images/sex.png)  no-repeat 0 top; background-size: 100% auto;}


.forum{ width:92%; margin:0 auto;}
.forum label{ display: block; margin-top: 0.32em; padding: 0.28em; position: relative;}
.bg01{ background:url(../images/bg01.jpg) no-repeat 0 0; background-size: 100% 100%;}
.bg02{ background:url(../images/bg02.jpg) no-repeat 0 0; background-size: 100% 100%;}
.bg03{ background:url(../images/bg03.jpg) no-repeat 0 0; background-size: 100% 100%;}
.forum table{ width: 92%; font-size:0.22em; line-height: 1.4em; color: #fff;}
.forum table td{ border: 1px solid #fff; padding: 1em;}
.forum table tr:first-child{ font-size:1.1em; }
.forum table tr:first-child span{ font-size:0.75em; margin-left: 1em;}

.forum input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none;}
.forum label input[type="checkbox"] + i{width:0.36em;height:0.36em;display:inline-block;background:url(../images/forum.png)  no-repeat 0 bottom; background-size: 100% auto; position: absolute;right: 0.2em;top: 50%; margin-top: -0.18em;}
.forum label input[type="checkbox"]:checked + i{background:url(../images/forum.png)  no-repeat 0 top; background-size: 100% auto;}

.forum input[type="radio"]{appearance: none; -webkit-appearance: none;outline: none;display:none;}
.forum label input[type="radio"] + i{width:0.36em;height:0.36em;display:inline-block;background:url(../images/forum.png)  no-repeat 0 bottom; background-size: 100% auto; position: absolute;right: 0.2em;top: 50%; margin-top: -0.18em;}
.forum label input[type="radio"]:checked + i{background:url(../images/forum.png)  no-repeat 0 top; background-size: 100% auto;}

.queren{ width:92%; padding: 0.5em 0 0.6em 0; margin: 0 auto;}
.queren button{ width:100%; height: 2.5em; font-size: 0.36em; color: #fff; background: #048ba8; border: 0; border-radius: 0; display: block;}

.info_yes_all{ padding: 0.4em 0;  overflow: hidden;}
.info_yes{ width:92%; margin: 0.5em auto 0 auto;}
.info_yes dl:nth-child(2n-1){ background: #f9f9f9;}
.info_yes dl{ overflow: hidden; font-size: 0.26em; line-height: 1.7em; padding:0.5em 0; margin-top:0.8em;}
.info_yes dl dt{ width:33%; float: left; padding: 0 0.5em; }

.btn_yes{ width:92%; margin: 0 auto;}
.btn_yes button{ width:100%; height: 2.5em; font-size: 0.36em; color: #fff; background: #048ba8; border: 0; border-radius: 0; display: block; margin-top: 1em;}
.btn_yes a{ width:100%; display: block; border: 1px solid #dcdcdc; font-size: 0.36em; color: #898989;line-height: 2.46em; text-align: center; margin-top: 2em;}


.user_ewm{ width:92%; margin: 0 auto; padding: 0.4em 0; border-bottom: 1px solid #dcdcdc; }
.user_ewm img{ width:2.8em; margin: 0.4em auto 0 auto;}
.user_ewm p{ font-size:0.3em; text-align: center; color: #2a2a2a; line-height: 2em; }

.user_text{ width:92%; margin: 0.8em auto 0 auto; }
.user_text dl{ overflow: hidden; font-size:0.3em; line-height: 1.4em; padding: 0.5em 0;}
.user_text dt{ width:24%; float: left; margin-left: 24%; color: #898989;}
.user_text dd{ width:52%; float: right; color: #2a2a2a;}

.out_login{ margin-top: 1em; }
.out_login a{ width:8.3em; font-size:0.36em; color: #048ba8; line-height: 2.5em; display: block;; margin: 0 auto; border: 1px solid #048ba8; border-radius: 5px; text-align: center;}

.trip_tit{ font-size:0.3em; color: #2a2a2a; text-align: center; margin-top: 1.5em;}
.trip_all{ position: relative; padding-bottom: 1em; margin: 0.4em 0;}
.line{ width:2px; height: 100%; position: absolute; left: 31.7%; padding: 0.6em 0;}
.line i{ width:100%; height: 100%; background: #eff1f5; display: block;}
.trip_all dl{ overflow: hidden;padding: 0.4em 0; position: relative;;}
.trip_all dt{ width:27.3%;float: left;text-align: right;font-size: 0.3em;color: #2a2a2a; line-height: 1.4em;overflow:hidden; padding-right: 0.3em;}
.trip_all dt p{ background:#048ba8; float: right; color: #fff; padding: 0 0.4em; position: relative;}
.trip_all dt p span{ width:0.266em; height: 0.4em; position: absolute; left: 100%; top: 50%; margin-top: -0.2em; background: url(../images/icon_b.png) no-repeat; background-size: 100% 100%; display: block;;}
.trip_all dd{ width:56%; float: right; margin-right: 5%; font-size: 0.3em;}
.trip_all dd p{ color:#2a2a2a; line-height: 1.4em; }
.trip_all dd span{ color: #898989; line-height: 1.4em; color: #898989; margin-top: 0.2em; display: block;}
.trip_all dl i{ width:0.16em; height: 0.16em; position: absolute; left: 30.8%;top: 0.55em; background: url(../images/icon_dian.png) no-repeat 0 0; background-size: 100% 100%; }
.trip_all dl b{ width:0.36em; height: 0.36em; position: absolute; left: 29.4%;top: 0.45em; background: url(../images/icon_quan.png) no-repeat 0 0; background-size: 100% 100%; }
.trip_all dl.cur dd p{ color: #048ba8; }


.huiyuan label{ font-size:0.3em; line-height: 2.5em; padding: 0 1em 0 1.2em; position: relative; margin-right: 1em;}
.huiyuan input[type="radio"]{appearance: none; -webkit-appearance: none;outline: none;display:none;}
.huiyuan label{ float: left;}
.huiyuan label input[type="radio"] + span{width:1em;height:1em;display:inline-block;background:url(../images/sex.png)  no-repeat 0 bottom; background-size: 100% auto; position: absolute;left: 0;top: 0.7em;}
.huiyuan label input[type="radio"]:checked + span{background:url(../images/sex.png)  no-repeat 0 top; background-size: 100% auto;}


.questionnaire{ padding:0 6% 1em 6%; }
.questionnaire dl{ margin-top:0.4em; }
.questionnaire dt{ font-size:0.3em; color: #2a2a2a; line-height: 1.6em; }
.questionnaire dd{ overflow: hidden; padding-left: 0.3em; margin-top: 0.2em;}
.questionnaire dd i{ width:0.4em; height: 0.4em; float: left; background:url(../images/star.png) no-repeat 0 0; background-size: 100% 100%; margin-left: 0.17em; }
.questionnaire dd i.cur{ background:url(../images/stars.png) no-repeat 0 0; background-size: 100% 100%;}


.guide{ font-size: 0.3em; color: #2a2a2a; line-height: 1.6em; padding:2em 5%; }

.photo ul{ width: 7.26em; margin: 0 auto; overflow: hidden; }
.photo li{width:2.16em; height: 2.16em; margin: 0.13em; float: left; display: block; background:#eee;}
.photo li img{ width: auto; display: inline-block;}

.seat{ text-align: center; }
.seat dl{ margin-top:0.5em;}
.seat p{ font-size:0.3em; line-height: 1.4em; color: #999; padding: 0.2em;}
.seat span{ font-size:0.5em; line-height: 1.4em; color: #333; padding: 0.2em; display: block;}


.name{ width: 96%; color: #353535; padding: 0.15em 0; margin: 0 0 0 4%; border-bottom: 1px solid #ccc; padding-right: 3%;}
.name span{ font-size:0.4em; display: block; line-height: 1.4em; font-weight: bold;}
.name p{ font-size:0.28em; line-height: 1.4em;}

.live_btn{ padding-left:0.3em; }
.live_btn a{ display: block;  background: url(../images/live_right.png) no-repeat 94% center; background-size: 0.4em; border-top: 1px solid #ccc;}
.live_btn a:first-child{ border: 0; }
.live_btn a.tel p{ background: url(../images/icon_tel.png) no-repeat 0 center; background-size: 0.4em 0.4em; }
.live_btn a.add p{ background: url(../images/icon_add.png) no-repeat 0 center; background-size: 0.4em 0.4em; }
.live_btn a span{ font-size:0.28em; line-height: 3.2em; display: block; color: #000; padding-left: 1.5em;}

.line_bg{ height:0.2em; background:#f3f3f3;}

.live_text{ padding: 0.3em; }
.live_tit{ font-size:0.32em; color: #000; line-height: 1.4em; padding-left: 0.8em; background:url(../images/live_content.png) no-repeat -0.2em center; background-size: 1em;}
.live_content{ font-size:0.28em; color: #666; line-height:1.6em; margin-top: 0.4em;}












